<template>
	<div class="contentDiv">
		<div class="titleDiv">
			<p>{{title}}</p>
			<div v-if="isDate" class="value">
				<input type="date" v-model="value" />
				<img src="../../assets/img/securityCheckImg/rightArrow.png" />
			</div>
			<div v-else class="value">
				<p>{{value}}</p>
				<img src="../../assets/img/securityCheckImg/rightArrow.png" />
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props: ['title', 'value','isDate'],
		mounted() {

		},
		components: {

		},
		methods: {
			

		},

	}
</script>

<style scoped lang="less">
	.contentDiv{
		.titleDiv {
			background-color: white;
			height: 1.1111rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #D9DAEB;
			p {
				color: #444444;
				font-size: 0.3888rem;
				padding-left: 0.4166rem;
			}
			.value {
				display: flex;
				img {
					width: 0.2222rem;
					height: 0.3472rem;
					margin-left: 0.2777rem;
					margin-right: 0.2777rem;
					margin-top: 0.0416rem;
				}
				p {
					font-size: 0.3611rem;
					color: #888888;
					
				}
				input{
					font-size: 0.3611rem;
					color: #888888;
					text-align: right;
					
				}
			}
		}
		
	}
</style>